/* 发布 */
.publish-alert{width:100%;line-height:22px;background:#FFFFFF;border-bottom:#DDDDDD 1px solid;border-left:#F25B4B 2px solid;color:#F25B4B;font-size:12px;padding:10px;position: fixed;top: 0;}
.remind{margin:0 auto;width:100%;height:100%;overflow:hidden;line-height:22px;border-bottom:#E6DD8C 1px solid;color:#F25B4B;font-size:12px;background:#FFF59B url(../images/remind.png) no-repeat 10px 7px;background-size:18px;padding:5px 0px;}
.remind p{padding-left:35px;}
/*主体内容*/
#container-wrapper{position: absolute;width:100%;top: 43px;left: 0;right: 0;bottom:50px;overflow: scroll;}

/* 表单模块 */
.mod-form{margin:0 auto;}
.mod-form .form-group{margin-top:10px;border-top:1px solid rgba(0,0,0,.1);background:#FFFFFF;}

.form-item{margin:0 auto;width:100%;height:100%;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.1);padding:15px 0px;}
.form-item label{left:0;width:80px;line-height:1.1333;font-weight:400;color:#222;padding-left:15px;}
.form-item input{left:80px;position:absolute;width:75%;border:0;outline:0;color:#222;font-size:14px;}
.form-item span{right:10px;position:absolute;line-height:1.1333;}
.form-item select{right:10px;position:absolute;border:0;outline:0;color:#222;}

.form-switch{margin:0 auto;width:100%;height:100%;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.1);padding:5px 0px;}
.form-switch label{float:left;height:100%;width:100%;overflow:hidden;line-height:1.1333;font-weight:400;color:#222;padding:10px 0px 10px 15px;}
.form-switch label small{color:#999;font-size:80%;padding-left:10px;}
.form-switch i{right:10px;position:absolute;padding-top:4px;}
.form-switch i input{height:25px;width:25px;}

.form-cell{margin:0 auto;width:100%;height:100%;overflow:hidden;}
.form-cell ul{float:left;width:100%;border-bottom:#DDDDDD 1px solid;padding:10px 0px;}
.form-cell ul li{padding:0px 15px;}
.form-cell ul li label{float:left;width:100%;height:25px;color:#222;}
.form-cell ul li input{width:100%;height:25px;line-height:18px;border:0;outline:0;}
.form-cell ul li textarea{width:100%;height:150px;line-height:18px;border:0;outline:0;}

.form-picture{margin:0 auto;width:100%;height:100%;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.1);padding:10px 0px;}
.form-picture p{font-size:12px;color:#999999;padding:0px 10px;line-height:18px;}

.form-img{padding: 15px 0 15px 15px;}
.form-img .file {
    position: relative;
    display: inline-block;
    background: #D0EEFF;
    border: 1px solid #99D3F5;
    border-radius: 4px;
    padding: 4px 12px;
    overflow: hidden;
    color: #1E88C7;
    text-decoration: none;
    text-indent: 0;
    line-height: 20px;
}
.form-img .file input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
}
.form-img .file:hover {
    background: #AADFFD;
    border-color: #78C3F3;
    color: #004974;
    text-decoration: none;
}
#imgList img{width: 80px;height: 80px;margin: 10px 10px 10px 0;}

.form-shuoming{margin:0 auto;width:100%;height:100%;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.1);padding:10px 0px;}
.form-shuoming p{font-size:12px;color:#999999;padding:0px 10px;line-height:18px;}

.form-readme{margin:0px auto 50px auto;width:100%;height:100%;overflow:hidden;padding:10px 0px;text-align:center;}
.form-readme p{font-size:12px;color:#999999;padding:0px 10px;line-height:18px;}

/* 按钮 */
.form-button{padding:10px 0px;text-align:center;margin-top:20px;}
.form-button input{width:95%;height:40px;line-height:40px;font-size:16px;background:#3999FD;border:0;border-radius:5px;color:#FFFFFF;font-family:"微软雅黑";}

/*点击图片*/
.mui-preview-image.mui-fullscreen {
	position: fixed;
	z-index: 100;
	background-color: #000;
}
.mui-preview-header,
.mui-preview-footer {
	position: absolute;
	width: 100%;
	left: 0;
	z-index: 10;
}
.mui-preview-header {
	height: 44px;
	top: 0;
}
.mui-preview-footer {
	height: 50px;
	bottom: 0px;
}
.mui-preview-header .mui-preview-indicator {
	display: block;
	line-height: 25px;
	color: #fff;
	text-align: center;
	margin: 15px auto 4;
	width: 70px;
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 12px;
	font-size: 16px;
}
.mui-preview-image {
	display: none;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.mui-preview-image.mui-preview-in {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.mui-preview-image.mui-preview-out {
	background: none;
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}
.mui-preview-image.mui-preview-out .mui-preview-header,
.mui-preview-image.mui-preview-out .mui-preview-footer {
	display: none;
}
.mui-zoom-scroller {
	position: absolute;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	-webkit-backface-visibility: hidden;
}
.mui-zoom {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.mui-slider .mui-slider-group .mui-slider-item img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img {
	width: 100%;
}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item {
	display: inline-table;
}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img {
	display: table-cell;
	vertical-align: middle;
}
.mui-preview-loading {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
}
.mui-preview-loading.mui-active {
	display: block;
}
.mui-preview-loading .mui-spinner-white {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -25px;
	margin-top: -25px;
	height: 50px;
	width: 50px;
}
.mui-preview-image img.mui-transitioning {
	-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
	transition: transform 0.5s ease, opacity 0.5s ease;
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
p img {
	max-width: 100%;
	height: auto;
}